<template>
  <el-collapse accordion>
    <el-collapse-item title="英雄信息介绍" name="1" class="coll">
      <hero-list></hero-list>
    </el-collapse-item>
    <el-collapse-item title="装备信息介绍" name="2">
      <equip-list></equip-list>
    </el-collapse-item>
    <el-collapse-item title="铭文信息介绍" name="3">
      <ming-wen></ming-wen>
    </el-collapse-item>
    <el-collapse-item title="召唤师技能介绍" name="4">
      <summoner></summoner>
    </el-collapse-item>
  </el-collapse>
</template>

<script>
  import HeroList from './herolist'
  import EquipList from './equipment'
  import MingWen from './mingwen'
  import Summoner from './summoner'
  export default {
    name: 'HomeContent',
    components: {
      HeroList,
      EquipList,
      MingWen,
      Summoner
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
